<template>
<!--    标头组件-->
    <div class="myHeader">
        <img class="logo" src="../../public/logo.png" alt="logo">
        <h3>小马音乐</h3>
        <img class="my" src="../assets/icon/my.png" alt="my" @click="toMy">
    </div>
</template>

<script>
export default {
    name: 'myHeader',
    setup(){
        const toMy = () => {

        }

        return {
            toMy
        }
    }
}
</script>

<style scoped>
.myHeader{
    height: 40px;
    width: 100%;
    display: inline;
}
.logo{
    height: 30px;
    float: left;
    padding-left: 30%;
    padding-top: 20px;
}

h3{
    float: right;
    padding-right: 40%;
}
.my{
    position: absolute;
    right: 20px;
    top: 20px;
    height: 30px;
}
</style>
